<template>
	<view class='card'>
		<view class="">
		</view>
		<view class='card-name'>{{cardTitle}}</view>
		<image class="whole" src="../../static/image/icon/arrow-right.png" mode=""></image>
	</view>
</template>

<script>
export default {
	props:{
		cardTitle:String
	}
}
</script>

<style scoped>
.card{
	width: 100%;
	height: 36rpx;
	padding:20rpx 0;
	margin-top: 30rpx;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	background-color: #ececec;
}
.card-name{
	padding:0 20rpx;
	font-size:24rpx;
	margin-left: 100rpx;
}
.whole{
	padding-right: 20rpx;
	width: 34rpx;
	height: 34rpx;
}
</style>
